<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
	var current = 1;
	$(function(){
		show(current);
		$.post("<%=request.getContextPath()%>/server/getNervenets",{},function(data){
			var options = "";
			$.each(data.nervenets,function(index,entry){
				options += "<option value='"+entry.nervenetid+"'>"+entry.nervenetcontent+"</option>";
			})
			$("#nervenets").html(options);
		},"json");
		
		
		$(document).on("click",".next,.prev,.submitBtn",function(){
			var th = $(this);
			 //下一步
			 if(th.hasClass("next")){
				 show(current*1+1);
             }
			 //上一步
			 if(th.hasClass("prev")){
				 show(current*1-1);
             }
			 //提交
			 if(th.hasClass("submitBtn")){
				var datas = $("form").serialize();
				
				$.post("<%=request.getContextPath()%>/server/addScene",datas,function(result){
					if(result == "1"){
						location.href="<%=request.getContextPath()%>/server/sceneManger";
					}
				},"json")
             }
		});
	})
	
	function show(index){
		current = index;
		$(".add").hide();
		$("#add"+index).show();
	}
</script>
</head>
<body>
<form action = "#" method="post" >
<div id="add1" class="add">
	<div style="text-align: center;margin: 3% 5% 0 5%;width: 90%;border:1px solid #63615e; position: relative">
	    <img style="width: 100%" src="<%=request.getContextPath() %>/img/new_03.png">
	</div>
	<div style="text-align: center;margin: 3% 5% 0 5%;padding-bottom:10px;width: 90%;border:1px solid #63615e; ">
	    <div style="height: 10%;position: relative ;padding-top: 5%" >
	        <div style="position: absolute;width: 20%">
				<img style="float: right" src="<%=request.getContextPath() %>/img/1522798177(1).png">
			</div>
	        <div style="position: absolute;width: 80%;margin-top: -1%;">
				<input name="scenename" type="text" style="width: 35% ;height: 45px;float: left;margin-left: 27%;" >
			</div>
	    </div>
	    <div style="height: 10%;position: relative;margin-top: 8%">
	        <div style="position: absolute;width: 20%">
				<a style="float: right ;color: #a7a7a7;font-weight:bold;">顺序</a>
			</div>
	        <div style="position: absolute;width: 80%;margin-top: -1%;">
				<input name="sequence" type="text" style="width: 35% ;height: 45px;float: left;margin-left: 27%;">
				<img src="<%=request.getContextPath() %>/img/new_011.png" style="    float: left; margin-left: 15px;margin-top:15px">
				<span style="color: #a7a7a7;float: left; margin-left: 15px;margin-top:15px">顺序号（0-999）</span>
			</div>
	    </div>
	    <div style="height: 10%;position: relative;margin-top: 15%">
	        <div style="position: absolute;width: 20%">
				<a style="float: right;color: #a7a7a7;font-weight:bold;">备注</a>
			</div>
	        <div style="position: absolute;width: 80%;">
				<textarea name="remarks" style="height: 120px;width: 35%;float: left;margin-left: 27%;overflow-y: scroll;"></textarea>
			</div>
	    </div>
	
	    <div style="height: 10%;position: relative;margin-top: 30%;    padding-bottom: 5%;">
		    <div style="position: absolute;width: 80%;margin-top: -1%;">
				<input type="button" value="下一步" class="next" style="color:#FFFFFF;background-color: #5db8f1;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 27%;">
				<input class="submitBtn" type="button" value="保存并完成" style="color:#FFFFFF;background-color: #b9bfc3;;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;">
			</div>
	    </div>
	</div>
</div>


<div id="add2" class="add">
	<div style="text-align: center;margin: 5% 5% 0 5%;width: 90%;border:1px solid #63615e; position: relative">
	    <img style="width: 100%" src="<%=request.getContextPath() %>/img/new_06.png">
	</div>
	<div style="text-align: center;margin: 3% 5% 0 5%;width: 90%;border:1px solid #63615e; ">
	<div style="text-align: center;margin: auto 0;">
	    <div id="new_0201" style="text-align: left;margin-left: 25% ;   margin-top: 2%;"> <input type="checkbox" style="zoom:180%"><span style="font-size: 15px;font-weight: bold;color: #545967">适用所有场景</span>
	    <span style="color: #a7a7a7;padding-left: 11%;font-size: 15px;font-weight: bold"><img src="<%=request.getContextPath() %>/img/new_011.png">选择此项后，后续机车、神经网络相关的设置失效</span>
	
	    </div>
	    <div id="new_0202" style="text-align: left;margin-left: 25%">
	        <p style="color: #a7a7a7;font-weight: bold;font-size: 18px">车型设置<span style="color: #a7a7a7;padding-left: 17%;font-size: 15px"><img src="<%=request.getContextPath() %>/img/new_011.png">选择该场景适用的车型</span></p>
	        <hr style="height:1px;border:none;border-top:1px solid #555555;width: 600px;margin: 0" />
	       	<P><input type="radio" name="carno" value="HXD38">HXD38</P>
	        <P><input type="radio" name="carno" value="HXD3A">HXD3A</P>
	        <P><input type="radio" name="carno" value="HXD38">HXD3A</P>
	    </div>
	
	    <div id="new_0203" style="text-align: left;margin-left: 25%">
	        <p style="color: #a7a7a7;font-weight: bold;font-size: 18px">视像头设置<span style="color: #a7a7a7;padding-left: 15%;font-size: 15px"><img src="<%=request.getContextPath() %>/img/new_011.png">设置摄像头相对司乘人员的拍摄位置</span></p>
	        <hr style="height:1px;border:none;border-top:1px solid #555555;width: 600px;margin: 0" />
	        <P><input type="radio" name="cameraloc" value="left">左前</P>
	        <P><input type="radio" name="cameraloc" value="zheng">正前</P>
	        <P><input type="radio" name="cameraloc" value="rigth">右前</P>
	    </div>
	
	    <div id="new_0204" style="text-align: left;margin-left: 25%">
	        <p style="color: #a7a7a7;font-weight: bold;font-size: 18px">司乘人员数</p>
	        <hr style="height:1px;border:none;border-top:1px solid #555555;width: 600px;margin: 0" />
	        <P><input type="radio" name="drivernum" value="1">1人</P>
	        <P><input type="radio" name="drivernum" value="2">多人</P>
	
	    </div>
	
	    <div id="new_0205" style="text-align: left;margin-left: 25%">
	        <p style="color: #a7a7a7;font-weight: bold;font-size: 18px">司乘人员位置<span style="color: #a7a7a7;padding-left: 13%;font-size: 15px"><img src="<%=request.getContextPath() %>/img/new_011.png">设置视频中司乘人员占据的位置区域</span></p>
	        <hr style="height:1px;border:none;border-top:1px solid #555555;width: 600px;margin: 0" />
	        <P><input type="radio" name="site" value="leftbottom">左下1/3</P>
	        <P><input type="radio" name="site" value="centerbottom">中下1/2</P>
	
	    </div>
	
	    <div id="new_0205" style="text-align: left;margin-left: 25%">
	        <p style="color: #a7a7a7;font-weight: bold;font-size: 18px">操作台位置<span style="color: #a7a7a7;padding-left: 15%;font-size: 15px"><img src="<%=request.getContextPath() %>/img/new_011.png">设置视频中操作台占据的位置区域</span></p>
	        <hr style="height:1px;border:none;border-top:1px solid #555555;width: 600px;margin: 0" />
	        <P><input type="radio" name="option" value="operate">左下1/3</P>
	        <P><input type="radio" name="option" value="operate">中下1/2</P>
	
	    </div>
	
	
	
	
	    <div style="height: 10%;position: relative;margin-top: 10%;    padding-bottom: 5%;">
		
	        <div style="position: absolute;width: 20%">
			</div>
	        <div style="position: absolute;width: 80%;margin-top: -1%;">
	       <input type="button" value="下一步" class="next" style="color:#FFFFFF;background-color: #5db8f1;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 27%;">
	       <input type="button" value="上一步" class="prev" style="color:#FFFFFF;background-color: #b9bfc3;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;">
	        <input value="保存并完成" type="button" class="submitBtn" style="color:#FFFFFF;background-color: #b9bfc3;;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;">
			</div>
	    </div>
	</div>
	</div>
</div>


<div id="add3" class="add">
	<div style="text-align: center;margin: 5% 5% 0 5%;width: 90%;border:1px solid #63615e; position: relative">
	    <img style="width: 100%" src="<%=request.getContextPath() %>/img/new_13.png">
	</div>
	<div style="text-align: center;margin: 3% 5% 0 5%;width: 90%;border:1px solid #63615e; ">
	    <div style="height: 10%;position: relative;margin-top: 15%">
	        <div style="position: absolute;width: 20%;margin-top: 15px;">
				<a style="float: right;color: #a7a7a7;font-weight:bold;">神经网络名称：</a>
				</div>
	        <div style="position: absolute;width: 80%;">
				<select id="nervenets" name="nervenetid" style="height: 45px;width: 35%;float: left;margin-left: 27%;">
<!-- 	                <option>请输入神经网络名称</option>
	                <option>请输入神经网络名称</option>
	                <option>请输入神经网络名称</option>
 -->				</select>
				<img src="<%=request.getContextPath() %>/img/new_011.png" style="    float: left; margin-left: 15px;margin-top:15px">
				<span style="color: #a7a7a7;float: left; margin-left: 15px;margin-top:15px">请选择场景适用的神经网络</span>
			</div>
	    </div>
	    <div style="height: 10%;position: relative;margin-top: 30%;    padding-bottom: 5%;">
		
	        <div style="position: absolute;width: 20%">
			</div>
	        <div style="position: absolute;width: 80%;margin-top: -1%;">
	       <input type="button" value="下一步" class="next" style="color:#FFFFFF;background-color: #5db8f1;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 27%;">
	       <input type="button" value="上一步" class="prev" style="color:#FFFFFF;background-color: #b9bfc3;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;">
	        <button style="color:#FFFFFF;background-color: #b9bfc3;;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;"><a>保存并完成</a></button>
			</div>
	    </div>
	</div>
</div>

<div id="add4" class="add">
	<div style="text-align: center;margin: 5% 5% 0 5%;width: 90%;border:1px solid #63615e; position: relative">
	    <img style="width: 100%" src="<%=request.getContextPath() %>/img/new_14.png">
	</div>
	<div style="text-align: center;margin: 3% 5% 0 5%;width: 90%;border:1px solid #63615e; ">
	    <div style="height: 10%;margin-top:10%;float:left;margin-left:15%">
			<span style="">
	        内容待定
			</span>
	    </div>
	
	    <div style="height: 10%;position: relative;margin-top: 20%;    padding-bottom: 5%;">
		
	        <div style="position: absolute;width: 20%">
			</div>
	        <div style="position: absolute;width: 80%;margin-top: -1%;">
	       <input type="button" value="上一步" class="prev" style="color:#FFFFFF;background-color: #5db8f1;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 27%;">
	        <input value="保存并完成" type="button" class="submitBtn" style="color:#FFFFFF;background-color: #b9bfc3;;height: 40px;width: 140px;border: none;font-weight:bold;float: left;  margin-left: 5%;">
			</div>
	    </div>
	</div>
</div>
</form>
</body>
</html>